<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"/>
  <meta name="keywords" content="" />
  <meta name="description" content="" />
  <meta content="yes" name="apple-mobile-web-app-capable" />
  <meta name="apple-mobile-web-app-status-bar-style" content="blank">
  <meta content="telephone=no" name="format-detection" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>我的订单</title>
  <link rel="stylesheet" href="./css/mreset.css">
  <link rel="stylesheet" href="./css/reset.css">
  <link rel="stylesheet" href="./css/swiper-3.4.2.min.css">
  <link rel="stylesheet" href="./css/footer.css">
  <link rel="stylesheet" href="./css/main.css">
  <script src="js/jquery-1.11.3.min.js"></script>
  <script src="js/flexible.js"></script>
  <script src="js/swiper-3.4.2.min.js"></script>
  <script src="js/djx.js"></script>

</head>
<body ontouchstart>
  <div class="wap">
    <div class="my-order">
      <div class="order-header">
        订单编号：13123154687
        <button class="btn" type="button">合并订单</button>
      </div>
      <div class="order-body">
        <div class="order-goods">
          <span>升级成功</span>
          <img src="./images/order_commodity_b@2x.png" />
          <div class="order-goods-info">
            <h3>乐薇红葡萄酒 </h3>
            <p class="num">X3</p>
            <p class="price">576元</p>
            <p class="jd">砸金蛋：右</p>
          </div>

        </div>
        <div class="merge">
          <img src="./images/order_commodity_l@2x.png" />
          <div class="merge-info">
            <h3>乐薇红葡萄酒 </h3>
            <p class="num">X3</p>
            <p class="price">576元</p>
          </div>
        </div>
        <div class="order-total">
          合计：1232元
        </div>
      </div>
      <div class="order-footer">
        <button class="btn btn-plain" type="button">退款</button>
        <button class="btn" type="button">提货</button>
      </div>
    </div>
    <!-- 猜星星 -->
    <div class="my-order">
      <div class="order-header">
        订单编号：13123154687
        <button class="btn" type="button">合并订单</button>
      </div>
      <div class="order-body">
        <div class="order-goods">
          <span>升级失败</span>
          <img src="./images/order_commodity_b@2x.png" />
          <div class="order-goods-info">
            <h3>乐薇红葡萄酒 </h3>
            <p class="num">X3</p>
            <p class="price">576元</p>
            <p class="jd">猜星星：第二位数
              <img src="./images/order_activity_double@2x.png" />
            </p>
          </div>

        </div>
        <div class="order-total">
          合计：1232元
        </div>
      </div>
      <div class="order-footer">
        <button class="btn btn-plain" type="button">兑换积分</button>
        <button class="btn" type="button">提货</button>
      </div>
    </div>
    <!-- 开奖 -->
    <div class="my-order">
      <div class="order-header">
        订单编号：13123154687
      </div>
      <div class="order-body">
        <div class="order-goods">
          <span>等待开奖</span>
          <img src="./images/order_commodity_b@2x.png" />
          <div class="order-goods-info">
            <h3>乐薇红葡萄酒 </h3>
            <p class="num">X3</p>
            <p class="price">576元</p>
            <p class="jd kj-color">
              <span class="minutes"></span> 分 <span class="seconds"></span> 秒 后开奖
            </p>
          </div>
        </div>
        <div class="merge">
          <img src="./images/order_commodity_l@2x.png" />
          <div class="merge-info">
            <h3>乐薇红葡萄酒 </h3>
            <p class="num">X3</p>
            <p class="price">576元</p>
          </div>
        </div>
      </div>
    </div>
    <!-- 升级失败 -->
    <div class="my-order">
      <div class="order-header">
        订单编号：13123154687
      </div>
      <div class="order-body">
        <div class="order-goods">
          <span>升级失败</span>
          <img src="./images/order_commodity_b@2x.png" />
          <div class="order-goods-info">
            <h3>乐薇红葡萄酒 </h3>
            <p class="num">X3</p>
            <p class="price">576元</p>
            <p class="jd">猜星星：第二位数
              <img src="./images/order_activity_double@2x.png" />
            </p>
          </div>
        </div>
      </div>
      <div class="order-footer">
        <p>
          （已提货/已退款/已兑换积分）
          <span>已合并订单</span>
        </p>
      </div>
    </div>
    <!-- 付款 -->
    <div class="my-order">
      <div class="order-header">
        订单编号：13123154687
        <span>已付款</span>
      </div>
      <div class="order-body">
        <div class="order-goods">
          <span>升级成功</span>
          <img src="./images/order_commodity_b@2x.png" />
          <div class="order-goods-info">
            <h3>乐薇红葡萄酒 </h3>
            <p class="num">X3</p>
            <p class="price">576元</p>
            <p class="jd">砸金蛋：右</p>
          </div>
        </div>
        <div class="merge">
          <img src="./images/order_commodity_l@2x.png" />
          <div class="merge-info">
            <h3>乐薇红葡萄酒 </h3>
            <p class="num">X3</p>
          </div>
        </div>
        <div class="order-total">
          合计：1232元
        </div>
      </div>
      <div class="order-footer">
        <button class="btn btn-plain" type="button">退款</button>
        <button class="btn btn-plain" type="button">提货</button>
        <button class="btn" type="button">升级商品</button>
      </div>
    </div>
    
    <!-- 公共页脚 -->
    <div class="wrap">
        <div class="footer">
          <ul>
              <li>
                  <a  href="index.html">
                      <img src="./images/bottomnav_home@2x.png" alt="不好意思图裂了">
                      <p>首页</p>
                  </a>
              </li>
              <li>
                  <a class="act" href="./wodedingdan.html">
                      <img src="./images/bottomnav_order_select@2x.png" alt="不好意思图裂了">
                      <p>订单</p>
                  </a>
              </li>
              <li>
                  <a href="./integralShop.html">
                      <img src="./images/bottomnav_integral@2x.png" alt="不好意思图裂了">
                      <p>积分商城</p>
                  </a>
              </li>
              <li>
                  <a href="./personCenter.html">
                      <img src="./images/bottomnav_user@2x.png" alt="不好意思图裂了">
                      <p>个人中心</p>
                  </a>
              </li>
          </ul>
      
        </div>
     </div>
  </div>
  <!-- 合并订单弹窗 -->
  <div class="order-mark">
    <div class="order-dialog">
      <div class="order-dialog-header">
        合并订单
      </div>
      <div class="order-dialog-body">
        <table>
          <tr>
            <td><i class=""></i><input type="checkbox" /></td>
            <td><p>乐薇红葡萄酒乐薇红葡萄酒乐薇红葡萄酒</p></td>
            <td>X2</td>
            <td>368000元</td>
          </tr>
          <tr>
            <td><i></i><input type="checkbox" /></td>
            <td><p>乐薇红葡萄酒乐薇红葡萄酒乐薇红葡萄酒</p></td>
            <td>X2</td>
            <td>368000元</td>
          </tr>
          <tr>
            <td><i></i><input type="checkbox" /></td>
            <td><p>乐薇红葡萄酒乐薇红葡萄酒乐薇红葡萄酒</p></td>
            <td>X2</td>
            <td>368000元</td>
          </tr>
          <tr>
            <td><i></i><input type="checkbox" /></td>
            <td><p>乐薇红葡萄酒乐薇红葡萄酒乐薇红葡萄酒</p></td>
            <td>X2</td>
            <td>368000元</td>
          </tr>
        </table>
      </div>
      <div class="order-dialog-footer">
        <button class="btn" id="cancle">取消</button>
        <button class="dialog-btn btn" id="orderBtn">
          <a href="./hebingdingdan.html" style="display: inline-block;width: 100%;color: #fff;">确定</a> 
        </button>

      </div>
    </div>
  </div>
  <script>
    $('.order-mark').click(function (e) {
      if(e.target.className=='order-mark'){
        $('.order-mark').fadeOut()
      }
    })
    $('.order-header').children('button').click(function(){
      $('.order-mark').fadeIn()
    })
    //关闭合并
    $('#cancle').click(function(){
      $('.order-mark').fadeOut()
    })
    //点击确定
    $('#orderBtn').click(function(){

    })
    //状态
    $('.order-dialog-body').find('i').click(function () {
      $(this).toggleClass('active');
      if($(this).hasClass('active')){
        $(this).siblings('input').prop('checked',true);
      }else{
        $(this).siblings('input').prop('checked',false);
      }
    })

    //倒计时调用
    $('.kj-color').downCount({
      date: '07/31/2018 18:05:00',
      offset: +10
    }, function () {
      alert('秒杀已结束');
    });

    $('.order-body').click(function(){
      window.location.href = "http://192.168.0.38:8000/order.html"
    })

    
    $('.order-footer button').on('click',function(){
      var theHtml = $(this).html()
       if(theHtml =='提货'){
        window.location.href = "http://192.168.0.38:8000/tihuo.html"
       }
    })
  </script>
</body>
</html>